<!DOCTYPE html>
<!-- saved from url=(0027)http://jssdk.demo.qiniu.io/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>七牛云存储DEMO - JavaScript SDK</title>
    <link href="http://jssdk.demo.qiniu.io/images/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="__STATIC__/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="__STATIC__/qiniu/main.css">
    <link rel="stylesheet" href="__STATIC__/qiniu/highlight.css">
    <script>
        var ROOT = '__STATIC__';
    </script>
    </head>
<body>


<div class="container">
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active">
            <a href="http://jssdk.demo.qiniu.io/#demo" id="demo-tab" role="tab" data-toggle="tab" aria-controls="demo" aria-expanded="true">示例</a>
        </li>

    </ul>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active" id="demo" aria-labelledby="demo-tab">

            <div class="row" style="margin-top: 20px;">
                <input type="hidden" id="domain" value="http://og1prxhac.bkt.clouddn.com/">
                <input type="hidden" id="uptoken_url" value="uptoken">

                <div class="col-md-12">
                    <div id="container" style="position: relative;">
                    <div class="btn btn-success" id="pickfiles">选择文件</div>
                    <div class="btn btn-info" id="btn-upload">开始上传</div>
                    </div>
                </div>

                <!--文件上传预览区域-->
                <div style="display:none" id="success" class="col-md-12">
                    <div class="alert-success">
                        队列全部文件处理完毕
                    </div>
                </div>
                <div class="col-md-12 ">
                    <table class="table table-striped table-hover text-left" style="margin-top:40px;display:none">
                        <thead>
                        <tr>
                            <th class="col-md-4">Filename</th>
                            <th class="col-md-2">Size</th>
                            <th class="col-md-6">Detail</th>
                        </tr>
                        </thead>
                        <tbody id="fsUploadProgress">
                        </tbody>
                    </table>
                </div>
                <!--文件上传预览区域-->

            </div>
        </div>

    </div>
</div>






<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="__STATIC__/qiniu/moxie.js"></script>
<script type="text/javascript" src="__STATIC__/qiniu/plupload.dev.js"></script>
<!-- <script type="text/javascript" src="bower_components/plupload/js/plupload.full.min.js"></script> -->
<script type="text/javascript" src="__STATIC__/qiniu/zh_CN.js"></script>
<script type="text/javascript" src="__STATIC__/qiniu/ui.js"></script>
<script type="text/javascript" src="__STATIC__/qiniu/qiniu.js"></script>
<script type="text/javascript" src="__STATIC__/qiniu/highlight.js"></script>
<script type="text/javascript" src="__STATIC__/qiniu/qiniuConfig.js"></script>
<script type="text/javascript" src="__STATIC__/qiniu/main.js"></script>
<script type="text/javascript">hljs.initHighlightingOnLoad();</script>


</body></html>